<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
<style> 
div
{
	width:200px;
	height:100px;
	background-color:yellow;
	/* Rotate div */

	transform:rotate(30deg) translate(50px,100px);
	-ms-transform:rotate(30deg); /* IE 9 */
	-webkit-transform:translate(150px,100px) rotateX(180deg); /* Safari and Chrome */
}
</style>
</head>
<body>
<h1>旋转</h1>
<strong>
    x : 
    Y : 
    Z : 
    translate : 移动
    left   top
</strong>
<div>Hello</div>

</body>
</html>